<!doctype html>
<html lang="{idioma_js}">
    <head>
        <title>CMS 2.0+ | {titulo} | Link Nacional</title>
        {include_header_view}
        <script>
            $(window).load(function(){
                $(".datatable td button").live('click',function(a){
                    var value = $(this).attr('value');
                    if (value == 'gravar'){
                        a.preventDefault();
                        var obj = this;
                        var id = $(this).attr('id');
                        var quantidade = $("#quantidade_" + id).val();
                        var valor = $("#valor_" + id).val();
                        var margem = $("#margem_" + id).val();
                        //var value = $(this).attr('value');
                        $.ajax({
                            //url: base_cms+"contato/status",
                            url: base_cms+"{link_estoque_alterar}",
                            type: "POST",
                            data: {
                                'id' : id,
                                'quantidade' : quantidade,
                                'valor' : valor,
                                'margem' : margem
                            },
                            dataType: "json",
                            beforeSend: function(){
                                $(obj).addClass('load');
                            },
                            success: function(data) {
                                if(data.cod == 999){
                                    //$.wl_Alert(data.msg,'success','#content');
                                    $.msg(data.msg,{header:data.header,live:10000});
                                    $('#from_cad_estoque #id').val(data.id);
                                } else {
                                    //$.wl_Alert(data.msg,'warning','#content');
                                    $.msg(data.msg,{header:data.header,live:10000});
                                    $('#from_cad_estoque').color_campos_form({
                                        campos:data.campos
                                    });
                                }
                            }
                        });
                    }else{
                        a.preventDefault();
                        var obj = this;
                        var id = $(this).attr('id');
                        var status = value;
                        //var value = $(this).attr('value');
                        $.ajax({
                            //url: base_cms+"contato/status",
                            url: base_cms+"{link_estoque_status}",
                            type: "POST",
                            data: {
                                'id' : id,
                                'status' : status
                            },
                            dataType: "json",
                            beforeSend: function(){
                                $(obj).addClass('load');
                            },
                            success: function(data) {
                                if(data.cod == 999){
                                    //$.wl_Alert(data.msg,'success','#content');
                                    $.msg(data.msg,{header:data.header,live:10000});
                                    $('#from_cad_estoque #id').val(data.id);
                                    $(obj).attr('class',data.prod_status);
                                    $(obj).attr('value',data.prod_status_id);
                                } else {
                                    //$.wl_Alert(data.msg,'warning','#content');
                                    $.msg(data.msg,{header:data.header,live:10000});
                                    $('#from_cad_estoque').color_campos_form({
                                        campos:data.campos
                                    });
                                }
                            }
                        });
                    }
                });
                
                $('.moeda').maskMoney();
            });
           
        </script>
    </head>
    <body>

        {include_body_header_view}
        {include_body_menu_left_view}

        <section id="content">

            <div class="g12">

                <h1>{titulo}</h1>
                <p>{descricao_titulo}</p>

                <div id="from_cad_estoque" class="dataTables_wrapper">
                    <table class="datatable">
                        <thead>
                            <tr>
                                <th>{lang_title_status}</th>
                                <th>{lang_title_loja}</th>
                                <th>{lang_title_produto}</th>
                                <th>{lang_title_quantidade}</th>
                                <th>{lang_title_valor}</th>
                                <th>{lang_title_margem}</th>
                                <th>{lang_title_codigo_referencia}</th>
                                <th>{lang_title_acao}</th>
                            </tr>
                        </thead>
                        <tbody>
                            {produtos}
                            <tr>
                                <td><button class="{prod_status} icon small" id="{prod_id}" value="{prod_status_id}"></button>
                                <td>{prod_loja}</td>
                                <td><a href="{base_cms}ecommerce/produtos/alterar/{id}">{prod_produto}</a></td>
                                <td><input type="number" value="{prod_quantidade}" name="quantidade_{id}" id="quantidade_{id}" required="required" class="integer"/></td>
                                <td><input type="text" value="{prod_valor}" name="valor_{id}" id="valor_{id}" required="required" class="moeda"/></td>
                                <td><input type="text" value="{prod_margem}" name="margem_{id}" id="margem_{id}" required="required" class="moeda"/></td>
                                <td>{prod_codigo_referencia}</td>
                                <td><button class="btn small" id="{id}" value="gravar">{acao}</button></td>
                            </tr>
                            {/produtos}
                        </tbody>
                    </table>
                </div>

            </div>
        </section>
        <footer>
            {include_footer_view}
        </footer>
    </body>
</html>